<form action="index.php" method="post" name="adminForm">
<script type="text/javascript" src="<?= JURI::base(true); ?>/media/system/js/jquery.prettyPhoto.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="<?= JURI::base(true); ?>/media/system/css/prettyPhoto/prettyPhoto.css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8">


<script type="text/javascript">
  jQuery(document).ready(
    function(){
      jQuery("a[rel^='prettyPhoto']").prettyPhoto({showTitle:false});
    }
  );  
</script>
<div class="title">
  <h3 class="pagebreak">Videos</h3>
  <h4>Please choose a video from the selection below.</h4>
</div>
<div style="width:100%;">
  <ul id="video_list" class="gallery">
  <?   $videos = array();
    if($this->videos)
      $videos = $this->videos;      
    foreach($videos as $video):?>
      <li class="gallery" style="float:left;">
        <a href="<?= $video->video ?>" title="<?= $video->description ?>" rel="prettyPhoto[pp_gal]" style="text-decoration:none; float:left; padding-right: 5px">
          <img src="<?= $video->thumbnail ?>" alt="<?= $video->type_instance ?>" width="120" height="90" />
        </a>
        <span style="margin:5px 0px; font-weight:bold"><?= $video->type_instance ?></span>
        <p><?= $video->description ?></p>
      </li>
  <?  endforeach; ?>
  </ul>
</div>
</form>
<div class="clear"></div>